<template>
  <div>
		<h3>asdfasdfsaf</h3>
		<van-slider v-model="value" @change="onChange" />
	  <!-- <van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>



<van-button plain type="primary">朴素按钮</van-button>
<van-button plain type="danger">朴素按钮</van-button>

<van-picker :columns="columns" @change="onChange" />
<van-icon name="close" />
<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />

<van-switch v-model="checked" />

<van-uploader :after-read="onRead">
  <van-icon name="photograph" />
</van-uploader> -->
    <!-- <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
      <van-cell v-for="item in list" :key="item" :title="item" />
    </van-list> -->

<van-icon name="close" />
<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
  </div>
</template>

<script>
export default {
	data() {
		return {
			columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
			checked: true,
			list: [],
			loading: false,
			finished: false,
			value: 50
		};
	},
	created(){
		this.$toast('asdfasdf')
		this.$toast('asdfasdf1')
		this.$http('http://ww')
	},
	methods: {
		onChange(picker, value, index) {
			console.log('%c gc_picker, value, index=>: ', 'color: MidnightBlue; background: Aquamarine; font-size: 20px;', picker, value, index);
			// Toast(`当前值：${value}, 当前索引：${index}`);
		},
		onRead(file) {
			console.log(file);
		},
		onLoad() {
			// 异步更新数据
			setTimeout(() => {
				for (let i = 0; i < 10; i++) {
					this.list.push(this.list.length + 1);
				}
				// 加载状态结束
				this.loading = false;

				// 数据全部加载完成
				if (this.list.length >= 4000) {
					this.finished = true;
				}
			}, 1500);
		},
	},
};
</script>
